<button id="show-single-chip" (click)="showSingleChip()">Show Single Chip</button>
<button id="show-chip-set" (click)="showSet()">Show Chip Set</button>
<button id="show-chip-grid" (click)="showGrid()">Show Chip Grid</button>
<button id="show-chip-listbox" (click)="showListbox()">Show Chip Listbox</button>
<button id="hide" (click)="hide()">Hide</button>

<mat-chip id="single-chip" *ngIf="isSingleChipVisible">One</mat-chip>

<mat-chip-set *ngIf="isSetVisible">
	<mat-chip>One</mat-chip>
	<mat-chip>Two</mat-chip>
	<mat-chip>Three</mat-chip>
	<mat-chip>Four</mat-chip>
	<mat-chip>Five</mat-chip>
	<mat-chip>Six</mat-chip>
</mat-chip-set>

<mat-chip-grid #chipGrid1 *ngIf="isGridVisible">
	<mat-chip-row>One</mat-chip-row>
	<mat-chip-row>Two</mat-chip-row>
	<mat-chip-row>Three</mat-chip-row>
	<mat-chip-row>Four</mat-chip-row>
	<mat-chip-row>Five</mat-chip-row>
	<mat-chip-row>Six</mat-chip-row>
	<input [matChipInputFor]="chipGrid1"/>
</mat-chip-grid>

<mat-chip-listbox *ngIf="isListboxVisible">
	<mat-chip>One</mat-chip>
	<mat-chip>Two</mat-chip>
	<mat-chip>Three</mat-chip>
	<mat-chip>Four</mat-chip>
	<mat-chip>Five</mat-chip>
	<mat-chip>Six</mat-chip>
</mat-chip-listbox>
